<!--待办任务页面 列表-->
<template>
<div>
    <el-card class="box-card">
        <div slot="header" class="card-heaer">
            <span style="line-height: 36px;">需修改</span>
           
        </div>
<el-tabs type="border-card">
   
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.medical>0">{{typenumber.medical}}</div>
          医疗保险</div>
        <lipeilist :titleList="titleList" :DutyType="'医疗保险'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>

      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.harmDie>0">{{typenumber.harmDie}}</div>
          意外死亡</div>
        <lipeilist :titleList="titleList" :DutyType="'意外死亡'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.harmDisability>0">{{typenumber.harmDisability}}</div>
          意外残疾</div>
        <lipeilist :titleList="titleList" :DutyType="'意外残疾'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueMeidca>0">{{typenumber.rescueMeidca}}</div>
          紧急医疗</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急医疗'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueMove>0">{{typenumber.rescueMove}}</div>
          紧急转院</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急转院'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueReturned>0">{{typenumber.rescueReturned}}</div>
          紧急运返</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急运返'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueVisit>0">{{typenumber.rescueVisit}}</div>
          陪同费</div>
        <lipeilist :titleList="titleList" :DutyType="'陪同费'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number top_number2" v-if="typenumber.rescueAccompany>0">{{typenumber.rescueAccompany}}</div>
          遗体运返或安葬</div>
        <lipeilist :titleList="titleList" :DutyType="'遗体运返或安葬'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueInter>0">{{typenumber.rescueInter}}</div>
          探访费</div>
        <lipeilist :titleList="titleList" :DutyType="'探访费'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.studyBreak>0">{{typenumber.studyBreak}}</div>
          学业中断</div>
        <lipeilist :titleList="titleList" :DutyType="'学业中断'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.travelDelay>0">{{typenumber.travelDelay}}</div>
          旅行延误</div>
        <lipeilist :titleList="titleList" :DutyType="'旅行延误'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.travelLose>0">{{typenumber.travelLose}}</div>
          物品丢失</div>
        <lipeilist :titleList="titleList" :DutyType="'物品丢失'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.three>0">{{typenumber.three}}</div>
          个人第三者</div>
        <lipeilist :titleList="titleList" :DutyType="'个人第三者'" :type="'修改'" :getStyle="'需理赔修改'"></lipeilist>
      </el-tab-pane>
   
  
</el-tabs>

 </el-card>
 <div class="space20">
 </div>
 <el-card class="box-card">
        <div slot="header" class="card-heaer">
            <span style="line-height: 36px;">审核不通过</span>
           
        </div>
        <el-tabs type="border-card">
         <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.medical>0">{{typenumber2.medical}}</div>
          医疗保险</div>
        <lipeilist :titleList="titleList" :DutyType="'医疗保险'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>

      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.harmDie>0">{{typenumber2.harmDie}}</div>
          意外死亡</div>
        <lipeilist :titleList="titleList" :DutyType="'意外死亡'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.harmDisability>0">{{typenumber2.harmDisability}}</div>
          意外残疾</div>
        <lipeilist :titleList="titleList" :DutyType="'意外残疾'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.rescueMeidca>0">{{typenumber2.rescueMeidca}}</div>
          紧急医疗</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急医疗'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.rescueMove>0">{{typenumber2.rescueMove}}</div>
          紧急转院</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急转院'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.rescueReturned>0">{{typenumber2.rescueReturned}}</div>
          紧急运返</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急运返'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.rescueVisit>0">{{typenumber2.rescueVisit}}</div>
          陪同费</div>
        <lipeilist :titleList="titleList" :DutyType="'陪同费'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number top_number2" v-if="typenumber2.rescueAccompany>0">{{typenumber2.rescueAccompany}}</div>
          遗体运返或安葬</div>
        <lipeilist :titleList="titleList" :DutyType="'遗体运返或安葬'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.rescueInter>0">{{typenumber2.rescueInter}}</div>
          探访费</div>
        <lipeilist :titleList="titleList" :DutyType="'探访费'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.studyBreak>0">{{typenumber2.studyBreak}}</div>
          学业中断</div>
        <lipeilist :titleList="titleList" :DutyType="'学业中断'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.travelDelay>0">{{typenumber2.travelDelay}}</div>
          旅行延误</div>
        <lipeilist :titleList="titleList" :DutyType="'旅行延误'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.travelLose>0">{{typenumber2.travelLose}}</div>
          物品丢失</div>
        <lipeilist :titleList="titleList" :DutyType="'物品丢失'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber2.three>0">{{typenumber2.three}}</div>
          个人第三者</div>
        <lipeilist :titleList="titleList" :DutyType="'个人第三者'" :type="'查看'" :getStyle="'理赔审核不通过'"></lipeilist>
      </el-tab-pane>
    </el-tabs>

  

 </el-card>
</div>
</template>

<script>
import {
    mapState
} from 'vuex';
import lipeilist from '@/components/lipei/listTemplate';
    // import getid from '../js/getid'
    export default {
           components: {
            'lipeilist': lipeilist,
            
                    },
                      computed: mapState({
              titleList: state => state.lipeiTitle.titleList,
               typenumber: state => state.typenumber.number,
                typenumber2: state => state.typenumber.number2,
         }),
      
    }
</script>
